﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<html>
<head>

<title>メイン画面1</title>
<style type="text/css">
body{background-color:#8FBC8F;}
.center{text-align:center;
}
h1{margin-top:60px;
width:30%;
background-color:#00BFFF;}
#comboField {
 position: relative;
}
#tField2 {
 font-size: 14px;
 width: 100px;

 position: absolute;
 left: 0px;
 top: 0px;
}
#selBox1 {
 font-size: 14px;
 width: 250px;
}
#selBox2 {
 font-size: 14px;
 width: 250px;

}
#selBox3 {
 font-size: 14px;
 width: 250px;
}
</style>
</head>
<script type="text/javascript">
  function getSelect(kind, value) {
	  if (kind == 1) {
		document.getElementById("kind1").value = value;
	  } else if (kind == 2) {
		  document.getElementById("kind2").value = value;
	  } else {
		  document.getElementById("kind3").value = value;
	  }

  }
</script>

<body>
<div class="center">
<h1>商品管理システム(仮)</h1>
</div>
<br>
<center>
<div id="comboField">
大分類

<select name="select1" id="selBox1" onChange="getSelect(1,this.value)">
<option value=""></option>
<option value="01">食料品</option>
<option value="02">生活･雑貨</option>
<option value="03">書籍</option>
</select>
<br><br>中分類
<select name="select2" id="selBox1" onChange="getSelect(2,this.value)">
<option value=""></option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="99">99</option>
</select>
<br><br>小分類
<select name="select3" id="selBox1"  onChange="getSelect(3,this.value)">
<option value=""></option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="99">99</option>
</select>

</div>
<br><br>
<form action="/abc/main1" method="post">
	小分類<br>

	<input type="text" name="syoubunrui" size="47" value=""/>
	<br><br><br>
	<input type="submit" name="kensaku" value="検索">
	<input type="submit" name="modoru" value="戻る">

	<input type="hidden" name="kind1" id="kind1" value=""/>
	<input type="hidden" name="kind2" id="kind2" value=""/>
	<input type="hidden" name="kind3" id="kind3" value=""/>

</form>
</center>


</div>
</body>
</html>
